$width-site: 960px;
$width-col-1: $width-site / 12;
$width-col-2: $width-col-1 * 2;
$width-col-3: $width-col-1 * 3;
$width-col-4: $width-col-1 * 4;
$width-col-5: $width-col-1 * 5;
$width-col-6: $width-col-1 * 6;
$width-col-7: $width-col-1 * 7;
$width-col-8: $width-col-1 * 8;
$width-col-9: $width-col-1 * 9;
$width-col-10: $width-col-1 * 10;
$width-col-11: $width-col-1 * 11;
$width-col-12: $width-col-1 * 12;

.col-1 {
    width: $width-col-1;
}
.col-2 {
    width: $width-col-2;
}
.wcol-2 {
    width: ($width-col-2 + 20px) !important;   
}
.col-3 {
    width: $width-col-3 !important;
}
.wcol-3 {
    width: ($width-col-3 + 20px) !important;   
}
.col-4 {
    width: $width-col-4 !important;
}
.col-5 {
    width: $width-col-5;
}
.col-6 {
    width: $width-col-6;
}
.col-7 {
    width: $width-col-7;
}
.col-8 {
    width: $width-col-8;
}
.col-9 {
    width: $width-col-9;
}
.col-10 {
    width: $width-col-10;
}
.col-11 {
    width: $width-col-11;
}
.col-12 {
    width: $width-col-12;
}
.wcol-12 {
    width: ($width-col-12 + 20px) !important;
}
